/**************************************************************************************** Import */
import _ from 'lodash';
import React, {Component} from 'react';
import {View} from 'react-native';
import { Icon,  List, Button, InputItem, Tabs, TextareaItem } from 'antd-mobile-rn';
import { Badge } from 'react-native-elements'
import { CAround, CBetween, CCenter, CColumn, CFloat, CHand, CItemX, CItemY, CLine, CLoad, CRow, CWrap, CBone, CIcon, CImage, CSvg, CText, CFull, CScroll, CFooter, CHeader, CPage, CButton, CLabel, PTabbar, PHeader } from '../../../library/comp';
import { Dialog, Http, PageBase } from '../../../library/func';
import Design from '../../../design';
import Config from '../../../config';

/**************************************************************************************** Pageload */

/**************************************************************************************** Cacheload */

/**************************************************************************************** Preload */

/**************************************************************************************** Get */

/**************************************************************************************** Post */

/**************************************************************************************** Page */
export default class Service_Fees extends PageBase {
	constructor(props) {
        super(props);
		this.state = {
			
		};
    }

    /************************************************************************************ Render */
	render() {
		return (
			<CPage>
				<CScroll mt='96' bg='#efeff4'>

                    <CRow bg='#fff' mt='20' bb='1 #f7f7f7'>
                        <CHand f='1' pa='20' pl='30' onPress={(e)=> { this.nav.navigate('Service_Fees_Water'); }}>
                            <CBetween>
                                <CHand>
                                    <CText size="32">水费</CText>
                                </CHand>
                                <CHand>
                                    <Badge value={"30元"} containerStyle={{ backgroundColor: '#f00', height:18}} textStyle={{ color: '#fff' }} />
                                    <CIcon icon={Design.icon["make-right"]} w='30' h='30' color='#ccc' ml='20' />
                                </CHand>
                            </CBetween>
                        </CHand>
                    </CRow>

                    <CRow bg='#fff' bb='1 #f7f7f7'>
                        <CHand f='1' pa='20' pl='30' onPress={(e)=> { this.nav.navigate('Service_Fees_Property'); }}>
                            <CBetween>
                                <CHand>
                                    <CText size="32">物业费</CText>
                                </CHand>
                                <CHand>
                                    <Badge value={"2966元"} containerStyle={{ backgroundColor: '#f00', height:18}} textStyle={{ color: '#fff' }} />
                                    <CIcon icon={Design.icon["make-right"]} w='30' h='30' color='#ccc' ml='20' />
                                </CHand>
                            </CBetween>
                        </CHand>
                   </CRow>

                    <CRow bg='#fff' bb='1 #f7f7f7'>
                        <CHand f='1' pa='20' pl='30' onPress={(e)=> { this.nav.navigate('Service_Fees_Elevat');}}>
                            <CBetween>
                                <CHand>
                                    <CText size="32">电梯费</CText>
                                </CHand>
                                <CHand>
                                    <Badge
                                        value={"500元"}
                                        containerStyle={{ backgroundColor: '#f00', height:18}}
                                        textStyle={{ color: '#fff' }}
                                    />
                                    <CIcon icon={Design.icon["make-right"]} w='30' h='30' color='#ccc' ml='20' />
                                </CHand>
                            </CBetween>
                        </CHand>
                   </CRow>

                   <CRow bg='#fff' bb='1 #f7f7f7'>
                        <CHand f='1' pa='20' pl='30' onPress={(e)=> { this.nav.navigate('Service_Fees_Lighting');}}>
                            <CBetween>
                                <CHand>
                                    <CText size="32">公共照明费</CText>
                                </CHand>
                                <CHand>
                                    <Badge
                                        value={"500元"}
                                        containerStyle={{ backgroundColor: '#f00', height:18}}
                                        textStyle={{ color: '#fff' }}
                                    />
                                    <CIcon icon={Design.icon["make-right"]} w='30' h='30' color='#ccc' ml='20' />
                                </CHand>
                            </CBetween>
                        </CHand>
                   </CRow>

				</CScroll>
				
                {/* header */}
				<PHeader nav={this.nav}>缴费</PHeader>

			</CPage>
		);
	}
}
